<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>月满中秋人团圆</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <meta name="description" content="">
    <link rel="stylesheet" href="__STATIC__/active/mid_autumn/2022/css/index.css">
</head>
<body ontouchstart="" onmouseover="">
<div class="container wish-container" style="background: linear-gradient(180deg, #2C143E 0%, #FF9A46 100%);">
    <div class="nav" style="padding-top:{$h}px;">
        <div class="to-back event-btn" style="top:{$h}px;"  data-event="common-js-to-native" data-target="local" data-link="back"></div>
        <div class="title-name">许愿望</div>
    </div>
    <div class="head" style="background-image: url(/static/active/mid_autumn/2022/img/wish-head.png);height: 12.56rem"></div>
    <div class="box wish-box">
        <div class="title"></div>
        <div class="wish-input">
            <div class="input-area">
                <input id="input" type="text" placeholder="写下你的愿望">
                <div class="text-limit" id="text-limit"><span id="num">0</span>/18</div>
                <div class="btn event-btn disabled" data-event="sendWish"></div>
            </div>
        </div>
    </div>
    <div class="wish-list-bg"></div>
    <div class="wish-list">
        <div class="list-item">
            <span class="avatar"></span>
            <span class="content"></span>
        </div>
    </div>
</div>
<script>
    window.data = JSON.parse(`{:json_encode($data)}`);
</script>
<script src="/static/astro_explain_new/js/jquery-1.11.3.min.js"></script>
<script src="__STATIC__/active/mid_autumn/2022/js/index.js"></script>
</body>
</html>
